page {
	height: 100%;
}

image {
	vertical-align: middle;
}
scroll-view ::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}

.d_flex {
	display: flex;
}
.flex_conter {
	display: flex;
	align-items: center;
}
.flex_conter_c {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex_space {
	display: flex;
	justify-content: space-between;
}
.flex_space_b {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex_space_a {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex_space_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.flex_end {
	display: flex;
	align-items: flex-end;
}
.flex_column {
	display: flex;
	flex-direction: column;
}
.flex_column_c {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex_column_b {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.flex_end_b {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.flex_start_b {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.flex1 {
	flex: 1;
}

.flex_wrap {
	flex-wrap: wrap;
}

.text_white {
	color: #FFFFFF;
}

.guideImage {
	float: right;
	margin-right: 20rpx;
}

.mTop1 {
	margin-top: 10rpx;
}
.mTop2 {
	margin-top: 20rpx;
}
.mTop3 {
	margin-top: 30rpx;
}
.mTop4 {
	margin-top: 40rpx;
}
.mTop5 {
	margin-top: 50rpx;
}

.btnHover {
	background-color: #EEEEEE !important;
}

.redText {
	color: $red-color !important;
}
.orangeText {
	color: $warning-color !important;
}

.bgImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.noContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 200rpx 0;
	.noContentImage{
		width: 400rpx;
	}
	.text {
		font-size: 28rpx;
		color: #666666;
		padding-top: 32rpx;
	}
}

.u-indicator-item-number {
	font-size: 20rpx !important;
}

/* start--文本行数限制--start */
.line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.line-2 {
    -webkit-line-clamp: 2;
}
.line-3 {
    -webkit-line-clamp: 3;
}
.line-4 {
    -webkit-line-clamp: 4;
}
.line-5 {
    -webkit-line-clamp: 5;
}
.line-2, .line-3, .line-4, .line-5 {
    overflow: hidden;
	word-break: break-all;
    text-overflow: ellipsis; 
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
/* end--文本行数限制--end */

/* 单选框样式--start */
.radio {
	display: flex;
	align-items: center;
	.checkbox {
		width: 36rpx;
		height: 36rpx;
		border-radius: 50%;
		text-align: center;
		line-height: 32rpx;
		border: 1rpx solid #666666;
	}
	.text {
		margin-left: 20rpx;
		font-size: 24rpx;
	}
	&.active {
		.checkbox {
			border: 2rpx solid $primary-color;
			&::after {
				content: '';
				display: inline-block;
				width: 20rpx;
				height: 20rpx;
				border-radius: 50%;
				background-color: $primary-color;
			}
		}
	}
}
/* 单选框样式--end */

/* 底部导航栏--start */
.tabbar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 90;
	height: 100rpx;
	.content {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100rpx;
		background-color: #f0f0f0;
		display: flex;
		align-items: center;
		.item {
			flex: 1;
			height: 100rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			&.active {
				color: $zhifubaoColor;
			}
			.iconfont {
				font-size: 36rpx;
			}
			.text {
				font-size: 26rpx;
			}
		}
	}
}
/* 底部导航栏--end */

// 隐藏 首页 办理点地址弹窗，取消按钮
.indexPage .uni-popup .uni-popup__wrapper .uni-popup-dialog .uni-dialog-button-group {
	.uni-dialog-button {
		&:nth-of-type(1) {
			display: none;
		}
		&:nth-of-type(2) {
			border-left-style: none;
		}
	}
}

// 自定义轮播图数字指示器
.indicator-num {
	width: 68rpx;
	height: 32rpx;
	border-radius: 100rpx;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 24rpx;
	.left {
		flex: 1;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		transform: rotate(8deg);
		background-color: rgba(0, 0, 0, 0.6);
	}
	.right {
		flex: 1;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		transform: rotate(8deg);
		background-color: rgba(0, 0, 0, 0.3);
	}
	text {
		display: inline-block;
		transform: rotate(-8deg);
	}
}
